<template>
  <el-dialog
    title="提示"
    :visible.sync="dialogVisible"
    :width="width"
    :before-close="hideDialog"
    v-on="listeners"
  >
    <slot name="dialogBody"></slot>
    <div slot="footer" class="dialog-footer">
      <el-button @click="hideDialog">取 消</el-button>
      <el-button type="primary" @click="confirmDialog">确 定</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
    name:'ComDialog',
    props:{
        dialogVO:{
            type:Object,
            default:()=>{
                return {}
            }
        },
        width:{
            type:String,
            default:'50%',
        }
    },
    data() {
        return {
            dialogVisible:false,
        }
    },
    computed:{
        listeners(){
            return Object.assign({},this.$listeners) 
        }
    },
    methods: {
        showDialog(){
            this.dialogVisible = true;
        },
        hideDialog(){
            this.dialogVisible = false;
        },
        confirmDialog(){
            this.dialogVisible = false;
            this.$emit('confirm')
        },
    },
};
</script>

<style lang="less">
// .el-dialog__header{
//     border-bottom: 1px solid #E4E7ED;
//     height: 55px;
//     line-height: 55px;
//     padding: 0 0 0 15px;
// }
// .el-dialog__footer{
//     border-top: 1px solid #E4E7ED;
//     padding:15px;
// }
</style>
